img {
	width: 100%;
	height: 100%;
}

.active {
	border: 2rpx solid #C30D23;
	color: #C30D23;
}

.canActive {
	background-color: #C30D23 !important;
	color: #fff !important;
}

/* 搜索框 */
.restaurant .search-box {
	background: white;
	padding: 20rpx 0rpx 20rpx 15rpx;
	display: flex;
	justify-content: space-around;
	align-items: center;
}

.restaurant .search-box .search {
	height: 60rpx;
	background: #f2f3f7;
	border-radius: 8rpx;
	display: flex;
	align-items: center;
	width: 75%;
}

/* 定位 */
.restaurant .search-box .loaction {
	font-size: 28rpx;
	display: flex;
	align-items: center;
}

.sy image {
	margin-left: 14rpx;
	width: 44rpx;
	height: 44rpx;
}

.city image {
	margin-left: 5px;
	width: 12rpx;
	height: 8rpx;
}

.restaurant .search-box .search .icon {
	width: 24rpx;
	height: 24rpx;
	font-size: 0;
	margin-left: 20rpx;
}

.restaurant .search-box .search .text {
	color: #999;
	margin-left: 10rpx;
}

.restaurant .restaurant_tags {
	padding: 24rpx 20rpx;
	display: flex;
	justify-content: space-around;
	height: 84rpx;
}

.restaurant .restaurant_tags .restaurant_tags_item {
	width: 210rpx;
	border: 2rpx solid #CCCCCC;
	border-radius: 8rpx;
	display: flex;
	align-items: center;
}

.restaurant .restaurant_tags .restaurant_tags_item .canting_img {
	width: 42rpx;
	height: 24rpx;
	margin: 0rpx 16rpx 0rpx 40rpx;
}

.restaurant .restaurant_tags .restaurant_tags_item .waimai_img {
	width: 40rpx;
	height: 28rpx;
	margin: 0rpx 26rpx 0rpx 52rpx;
}

.restaurant .restaurant_tags .restaurant_tags_item .yuding_img {
	width: 28rpx;
	height: 28rpx;
	margin: 0rpx 26rpx 0rpx 56rpx;
}

/**
 * 餐饮类型
 */
.canClass_tags {
	padding: 0rpx 20rpx 20rpx 20rpx;
	position: relative;
}

.canClass_tags .canClass_item {
	display: flex;
	justify-content: space-between;
}

.canClass_tags .canClass_item .scrollView {
	white-space: nowrap;
	width: 90%;
	height: 40rpx;
}

.canClass_tags .canClass_item .scrollView .scroll_class {
	display: inline-flex;
	justify-content: space-between;
}

.canClass_tags .canClass_item .scrollView .scroll_class .canClass_name {
	width: 122rpx;
	height: 40rpx;
	background: #F1F1F1;
	font-size: 20rpx;
	line-height: 40rpx;
	text-align: center;
	color: #666666;
	margin: 0rpx 10rpx;
}

.canClass_tags_twe {
	padding: 0rpx 20rpx 20rpx 20rpx;
	position: relative;
}

.canClass_tags_twe .canClass_item {
	display: flex;
	justify-content: space-between;
}

.canClass_tags_twe .canClass_item .scrollView {
	width: 100%;
	height: 100%;
}

.canClass_tags_twe .canClass_item .scrollView .scroll_class {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.canClass_tags_twe .canClass_item .scrollView .scroll_class .canChangJing {
	margin: 10rpx 10rpx;
}

.canClass_tags_twe .canClass_item .scrollView .scroll_class .canClass_name {
	width: 122rpx;
	height: 40rpx;
	background: #F1F1F1;
	font-size: 20rpx;
	line-height: 40rpx;
	text-align: center;
	color: #666666;
	margin: 10rpx 10rpx;
}

.first_tags {
	padding: 0rpx 26rpx 30rpx 22rpx;
}

.first_tags .first_main {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.first_tags .first_main .first_main_item {
	display: flex;
	align-items: center;
}

.first_tags .first_main .first_main_item .distance {
	margin: 0rpx 8rpx;
}

.first_tags .first_main .first_main_item .distance_Btn {
	width: 16rpx;
	height: 20rpx;
	display: flex;
	flex-direction: column;
}

.first_tags .first_main .first_main_item .distance_Btn .distance_Btn_up {
	width: 100%;
	height: 8rpx;
	margin-bottom: 2rpx;
}

.first_tags .first_main .first_main_item .distance_Btn .distance_Btn_down {
	width: 100%;
	height: 8rpx;
	margin-bottom: 2rpx;
}

.first_tags .first_main .first_main_item .price_box {
	margin: 0rpx 8rpx;
}

.first_tags .first_main .first_main_item .price_Btn {
	width: 16rpx;
	height: 20rpx;
	display: flex;
	flex-direction: column;
}

.first_tags .first_main .first_main_item .price_Btn .price_Btn_up {
	width: 100%;
	height: 8rpx;
	margin-bottom: 2rpx;
}

.first_tags .first_main .first_main_item .price_Btn .price_Btn_down {
	width: 100%;
	height: 8rpx;
	margin-bottom: 2rpx;
}

.first_tags .first_main .first_main_item .score {
	margin: 0rpx 8rpx;
}

.first_tags .first_main .first_main_item .score_Btn {
	width: 16rpx;
	height: 20rpx;
	display: flex;
	flex-direction: column;
}

.first_tags .first_main .first_main_item .score_Btn .score_Btn_up {
	width: 100%;
	height: 8rpx;
	margin-bottom: 2rpx;
}

.first_tags .first_main .first_main_item .score_Btn .score_Btn_down {
	width: 100%;
	height: 8rpx;
	margin-bottom: 2rpx;
}

.first_tags .first_main .first_main_item .sales {
	margin: 0rpx 8rpx;
}

.first_tags .first_main .first_main_item .sales_Btn {
	width: 16rpx;
	height: 20rpx;
	display: flex;
	flex-direction: column;
}

.first_tags .first_main .first_main_item .sales_Btn .sales_Btn_up {
	width: 100%;
	height: 8rpx;
	margin-bottom: 2rpx;
}

.first_tags .first_main .first_main_item .sales_Btn .sales_Btn_down {
	width: 100%;
	height: 8rpx;
	margin-bottom: 2rpx;
}

.restaurant_list {
	padding: 0rpx 20rpx;
}

.restaurant_list .restaurant_main {
	padding: 10px;
}

.restaurant_list .restaurant_main .restaurant_item {
	display: flex;
	justify-content: space-between;
}

.restaurant_list .restaurant_main .restaurant_item .img {
	width: 210rpx;
	height: 210rpx;
	background-color: pink;
	border-radius: 8rpx;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right {
	width: 67%;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .item_right_title_distance {
	display: flex;
	justify-content: space-between;
	padding: 15rpx 0rpx;
	align-items: center;
	font-size: 28rpx;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .item_right_title_distance .title {
	font-weight: bold;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .item_right_title_distance .distance {
	color: #D2A36C;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .score_box {
	display: flex;
	justify-content: space-between;
	padding-bottom: 20rpx;
	align-items: center;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .score_box .score {
	display: flex;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .score_box .select {
	width: 84rpx;
	height: 40rpx;
	text-align: center;
	line-height: 40rpx;
	background-image: url('../../static/restaurant/bule.png');
	background-size: 100%;
	color: #fff;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .score_box .score .imgs {
	width: 40rpx;
	height: 40rpx;
	background: #D2A36C;
	margin-right: 10rpx;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .typesOf {
	display: flex;
	justify-content: space-around;
	padding-bottom: 16rpx;
	align-items: center;
	height: 40rpx;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .typesOf .material {
	width: 152rpx;
	text-align: center;
	background: #F1F1F1;
	border-radius: 4rpx;
	color: #999999;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .typesOf .kitchen {
	width: 124rpx;
	text-align: center;
	background: #F1F1F1;
	border-radius: 4rpx;
	color: #999999;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .typesOf .shop {
	width: 124rpx;
	text-align: center;
	background: #F1F1F1;
	border-radius: 4rpx;
	color: #999999;
}

.restaurant_list .restaurant_main .restaurant_item .restaurant_item_right .address_content {
	-webkit-line-clamp: 2;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}